$(function () {
    layui.use(['element', 'layer', 'jquery'], function () {
        let element = layui.element;
        let $ = layui.jquery;
        //左侧菜单点击事件
        $('.link-active').on('click', function () {
            let dataid = $(this);
            //判断右侧是否有tab
            if ($('.layui-tab-title li[lay-id]').length <= 0) {
                tabFunction.tabAdd(dataid.attr('lay-href'), dataid.attr('data-id'), dataid.attr('data-title'));
            } else {
                //判断tab是否已经存在
                var isExist = false;
                $.each($('.layui-tab-title li[lay-id]'), function () {
                    //筛选id是否存在
                    if ($(this).attr('lay-id') == dataid.attr("data-id")) {
                        isExist = true;
                    }
                });
                //不存在，增加tab
                if (isExist == false) {
                    tabFunction.tabAdd(dataid.attr('lay-href'), dataid.attr('data-id'), dataid.attr('data-title'));
                }
            }
            //转到要打开的tab
            tabFunction.tabChange(dataid.attr('data-id'));

        });


        //定义函数 绑定增加tab，删除tab，切换tab几项事件
        let tabFunction = {
            //新增tab url 页面地址 id 对应data-id name标题
            tabAdd: function (url, id, name) {
                element.tabAdd('tables', {
                    title: name,
                    content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '" ></iframe>',
                    id: id
                });
            },
            //根据id切换tab
            tabChange: function (id) {
                element.tabChange('tables', id)
            },
            //关闭指定的tab
            tabDelete: function (id) {
                element.tabDelete('tables', id)
            }
        }
    });
    let layer = layui.layer;
    layer.ready(function () {
        $("#default-tab").trigger("click");
    });
})